const gulp = require("gulp");
//压缩css代码
const CleanCss = require("gulp-clean-css");
//压缩css文件，减小文件大小，并给引用url添加版本号避免缓存
gulp.task("copy-html",function(){
//	html文件导入进来
	gulp.src("src/**/*.html")
		.pipe(gulp.dest("dist/"))
})
gulp.task("minify-css",function(){
//		要处理的css文件,导入进来
		gulp.src("src/css/**/*.css")
//		压缩css代码
		.pipe(CleanCss({compatibility:'ie8'}))
		.pipe(gulp.dest("dist/css"))
})

//引入gulp-sass
const sass = require("gulp-sass");

//抑制错误
const plumber = require('gulp-plumber');

//将scss编程成css
gulp.task("sass",function(){
	gulp.src("src/scss/**/*.scss")
		.pipe(plumber())
		.pipe(sass())
//		自动加前缀
		.pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
		
		.pipe(plumber.stop())
		.pipe(gulp.dest("src/css/"))
})



//gulp.task("default",function(){
//	console.log("default");
//})
////定义一个任务
//gulp.task("hi",function(){
//	console.log("hello");
//})

//自动添加前缀
const autoprefixer = require('gulp-autoprefixer');


//var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

// 静态服务器
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        },
        port:8889
    },function(){
    	   
    });


});
 gulp.watch(["src/**/*.html"],browserSync.reload).on("change",browserSync.reload)
//  热更新,监听html的变化,如果有变化就进行重载
gulp.watch("src/scss/**/*.scss",[sass]).on("change",browserSync.reload)
	//热更新，监听scss的变化，如果有变化就执行sass命令